<template>
  <div>在Home的值是:{{ bookTitle }}</div>
  <headerComponent @show-log="showLog($event)" v-model:title="bookTitle" />
  <footerComponent v-model:title.trans="title" v-model.trans="myText" />
</template>

<script>
// @ is an alias to /src
import headerComponent from "../components/header.vue";
import footerComponent from "../components/footer.vue";

export default {
  name: "Home",
  components: {
    headerComponent,
    footerComponent,
    // footer,
  },
  data() {
    return {
      bookTitle: "这是一个标题",
      title: "我是Home设置的标题",
      myText: "i am myText",
    };
  },
  mounted() {},
  methods: {
    showLog(msg) {
      console.log(msg);
    },
  },
};
</script>
